<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Logo</title>
        <style type="text/css">
            h1{margin: 5px 200px 5px 100px;padding-top: 20px; width: 500px;height: 10px;color: aliceblue;font-family: Arial, Helvetica, sans-serif;font-size: 50px;}
            h3{color: aliceblue;font-family:'Times New Roman', Times, serif;}
            .B{background-image: linear-gradient(red, orange); float: left;  width: 1000px;height: 150px;}
            #H{float: right;}
</style>
</head>
        <div class="B">
            <h1>金阳光社区网</h1>
            <div id="H">
                <h3>推进社会和谐发展</h3>
                <form>
                    <input type="text" style="width: 200px;height: 30px;">
                    <button style="position: absolute;left: 0px"><img style="width: 30px;height: 35px;position: absolute;left: 768px;top: -2px;" src="../img/FDJ.png" /></button>
            
                </form>  
            </div>
        </div>
    </body>
</html>